<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib uri="http://www.springframework.org/tags/form" prefix="form"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>


<title>NetSpri</title>
<link rel="stylesheet" type="text/css" href="/netspri/css/home.css" />
<link rel="stylesheet" type="text/css" href="/netspri/css/layout.css" media="screen" />


<script type="text/javascript"
	src="http://code.jquery.com/jquery-latest.min.js"></script>



	<style type="text/css">
	
	#single{
	  background-color: #FF4500;
	    background-image: -webkit-linear-gradient(bottom, #FF4500 0%, #FF7F00 100%);
    background-image: -moz-linear-gradient(bottom, #FF4500 0%, #FF7F00 100%);
    background-image: -o-linear-gradient(bottom, #FF4500 0%, #FF7F00 100%);
    background-image: -ms-linear-gradient(bottom, #FF4500 0%, #FF7F00 100%);
    background-image: linear-gradient(bottom, #FF4500 0%, #768ee4 100%);
	}
	
	#multi{
	  background-color: #7CCD7C;
	    background-image: -webkit-linear-gradient(bottom, #7CCD7C 0%, #76EEC6 100%);
    background-image: -moz-linear-gradient(bottom, #7CCD7C 0%, #76EEC6 100%);
    background-image: -o-linear-gradient(bottom, #7CCD7C 0%, #76EEC6 100%);
    background-image: -ms-linear-gradient(bottom,#7CCD7C 0%, #76EEC6 100%);
    background-image: linear-gradient(bottom, #7CCD7C 0%, #76EEC6 100%);
	}
	
	#data{
	  background-color: #87CEFA;
	    background-image: -webkit-linear-gradient(bottom, #87CEFA 0%, #8470FF 100%);
    background-image: -moz-linear-gradient(bottom, #87CEFA 0%, #8470FF 100%);
    background-image: -o-linear-gradient(bottom, #87CEFA 0%, #8470FF 100%);
    background-image: -ms-linear-gradient(bottom, #87CEFA 0%, #8470FF 100%);
    background-image: linear-gradient(bottom, #87CEFA 0%, #8470FF 100%);
	}
	
	#info{
	  background-color: #FF4500;
	    background-image: -webkit-linear-gradient(bottom, #551A8B 0%, #9F79EE 100%);
    background-image: -moz-linear-gradient(bottom, #551A8B 0%, #9F79EE 100%);
    background-image: -o-linear-gradient(bottom, #551A8B 0%, #9F79EE 100%);
    background-image: -ms-linear-gradient(bottom, #551A8B 0%, #9F79EE 100%);
    background-image: linear-gradient(bottom,#551A8B 0%, #9F79EE 100%);
	}
	
	#single:HOVER,#multi:hover,#data:hover,#info:hover {
	 background-color: #FF7F00;
		  
		    background-image: -webkit-linear-gradient(bottom, #FF7F00 0%, #FF4500 100%);
    background-image: -moz-linear-gradient(bottom, #FF7F00 0%, #FF4500 100%);
    background-image: -o-linear-gradient(bottom, #FF7F00 0%, #FF4500 100%);
    background-image: -ms-linear-gradient(bottom, #FF7F00 0%, #FF4500 100%);
    background-image: linear-gradient(bottom, #FF7F00 0%, #FF4500 100%);
	}
	
	</style>


</head>

<body>
<div class="floatright" style="margin-top: 130px;margin-right: 130px; ">
	 <div class="floatleft">

                        <img src="/netspri/img/img-profile.jpg" alt="Profile Pic" /></div>

                    <div class="floatleft marginleft10">

                        <ul class="inline-ul floatleft">

                            <li style="font-size: 25px;color: red;">Hello!</li>

                            <li style="font-size: 25px;color: red;font-weight: bold;">${User.username }&nbsp;&nbsp;</li>

                            <li style="font-size: 25px;"><a href="/netspri/user/logout" style="font-weight: bold;">Logout</a></li>

                        </ul>

                    </div>
</div>



	<div
		style="font-size: 80px;color:blue; ;font-family:cursive;padding-left:250px; padding-top: 100px;font-weight: bold; ">SPRi
		</div>
	<div id="home">
		<table align="center" style="padding-left: 100px;padding-top:80px;">
		<tr>
		<td width="270px;" ><input id="single" type="button" value="Single CH" onclick="location='/netspri/detection/singlechannel'"></td>
		<td width="270px;"><input id="multi" type="button" value="Multi CH" ></td>
		<td width="270px;"><input id="data" type="button" value="Data" onclick="location='/netspri/data/list/${User.user_id}/1'"></td>
		<td width="270px;" ><input id="info" type="button" value="Info" onclick="location='/netspri/user/${User.user_id}'"></td>
		</tr>
		</table>
	</div>


</body>
</html>
